﻿@using ToyStore.Domain.Store
@using ToyStore.Tasks
@using ToyStore.Web.Mvc.Common
@model ToyStore.Domain.Store.Product


<div class="productListItemTemplate flipbox">
    <div class="ribbon"></div>
    <div>
        <div class="side side_active">
            <div class="rotate_ico"></div>
            <div class="pull-left">
                <div class="productListItemImage">
                <a href="http://www.onet.pl"><img rel="tooltip" data-original-title="@Model.Name" src="@(Model.SampleUrl)" alt="@(Model.Name)"/></a>
                </div>
            </div>
            <div class="pull-left" style="width: 245px; height: 170px; overflow: hidden">
                <div class="productListDetailsContainer" style="margin: 5px 5px 5px 5px;">
                <div>
                    <div class="row">
                        <div class="span1" style="width: 250px"><h4> @(Html.ActionLink<ProductController>(c=> c.Details(Model.Id),@Model.NameShort))</h4></div>  
                    </div>
               
                     <div class="row">
                        <div class="span1" style="width: 170px"><h5>@Model.Author.Name</h5></div> 
                    </div>
			        <div class="row">
				        <div class="span4" style="width: 240px; text-align : justify; font-size: 10px">@(Model.DescriptionShort) </div>  
			        </div>
                </div>
                 </div>
             </div>
         </div>
         <div class="side" style="display:none">
            <div class="rotate_ico"></div>
            <div class="pull-left" style="padding:5px">
                <div class="row" >
				            <div class="span4" style="width: 240px; text-align : justify">@(Model.Description.Length > 400 ? Model.Description.Substring(0, 400)  + "..." : Model.Description) </div>  
		        </div>
            </div>
             <div class="pull-right" style="width: 120px;">
                <div class="productListItemImage">
                <a href="http://www.onet.pl"><img rel="tooltip" data-original-title="@Model.Name" src="@(Model.SampleUrl)" alt="@(Model.Name)"/></a>
                </div>
            </div>
        
         </div>
     </div>
</div>
